<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>我的账户</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>	
		<script src="../../js/flexible.debug.js"></script>
		<script src="../../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="../../css/Lo_account.css" />
	</head>
<body>
	<header>
		<!-- 返回 -->
		<img class="Lo_account_back" src="../../imgs/return.png">
		<p>我的账户</p>

	</header>

	<main>
		<section class="account_cent">
			<article class="left">
				<p class="one">当前余额 (元)</p>
				<p class="two">￥ 0.00</p>
				<p class="three">冻结余额  &nbsp ￥ 0.00</p>
			</article>
			<article class="right">
				<p class="Lo_ac_to_recharge">充值</p>
			</article>
		</section>
		<article class="account_change">
				<p>账户明细</p>
				<img src="../../imgs/account_down.png" alt="">
		</article>
		<div class="show">
			<article class="account_hide">
				<p  class="change">全部</p>
				<p>充值</p>
				<p>预约</p>
				<p>打赏</p>
				<p>退款</p>
				<ul class="ul">
					<li></li>

				</ul>
			</article>
		</div>
		
	</main>
	<script type="text/javascript" src='../../js/jquery.js'></script>
	<script type="text/javascript">
		var li = document.getElementsByClassName('li')[0];
		//返回首页
		$('.Lo_account_back').click(function(){
			 history.back();
		});
		//切换隐藏
		$('.account_change').click(function(){
			$('.show').stop().slideToggle('fast');
			$('.account_change img').stop().toggleClass('chang');
		});

		//跳转服务介绍
     	$('.Lo_ac_to_recharge').click(function(){
       		location.href = "Lo_ac_recharge.html";
    	});
		//右移动
		// $('.account_hide p').click(function(){
		// 	//var li = $('.ul li');
		// 	var index = $(this).index()+1;
		// 	var width = li.offsetWidth;

		// 	li.style.left = index  * width +'px';
		// 		//console.log(li.width())
		// });
		//待完善
		$('.account_hide p').click(function(){

			$('.account_hide p').removeClass('change');
			$(this).stop().toggleClass('change');
		});

		//history.back();
	</script>
</body>
</html>